<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <script type="text/javascript" th:src="@{/js/require.js}"></script>
    <script type="text/javascript" th:src="@{/js/requireConfig.js}"></script>
    <script type="text/javascript" th:src="@{/app/admin/setting/pay.js}"></script>
    <style>
        .vue-box {
            padding: 20px;
        }
    </style>
</head>
<body>
<div class="layui-progress" lay-filter="demo" lay-showPercent="true" id="progress" style="display: none">
    <div class="layui-progress-bar layui-bg-red" lay-percent="30%"></div>
</div>
<div style="margin-top: -1em;"><br></div>

<div class="vue-box" style="display: block;">
    <div class="c-panel">
        <a class="layui-btn layui-btn-radius layui-btn-normal" @click="add()">新增支付方式</a>
        <table class="layui-table">
            <tr>
                <td>支付方式</td>
                <td>操作</td>
            </tr>
            <tr v-for="(item,i) in that">
                <td><a style="color: #0000FF" target="_blank" v-bind:href="item.val">{{item.val}}</a></td>
                <td>
                    <div class="layui-btn-group">
                        <button class="layui-btn layui-btn-radius layui-btn-danger" @click="deleted(item.id)">删除
                        </button>
                    </div>
                </td>
            </tr>
        </table>
    </div>
</div>
</body>
</html>